<template>
	<view>
		<navbar/>
		<scroll-view scroll-y="true" class="scroll-Y" >
			<view class="place">
				<image src="/static/c1.png" mode="widthFix"></image>
				<view>
					所属区划：拉萨市
				</view>
			</view>
			<view class="reminder">
				<view class="icon-text">
					1
				</view>
				<view class="title">
					在线填表
				</view>
			</view>
			<view class="from-list">
				<formItem v-for="(item,index) in formList " :key="index" @redirect='redirect(item)' :title="item.title" :text="item.text" :path="item.path" :class="{itemmargin:index != formList.length -1}"/>
			</view>
			<view class="reminder">
				<view class="icon-text">
					2
				</view>
				<view class="title">
					资料上传
				</view>
			</view>
			<view class="from-list">
				<formItem v-for="(item,index) in information " :key="index" @redirect='redirect(item)' :title="item.title" :text="item.text" :class="{itemmargin:index != information.length -1}"/>
			</view>
			<view class="blank">
				
			</view>
		</scroll-view>
		<view class="but">
			<view class="submit">
				提交
			</view>
		</view>
	</view>
</template>

<script>
	import formItem from '@/components/formItem/index.vue';
	import navbar from '@/pages/guide/enterprise/navbar.vue';
	export default {
		components:{navbar,formItem},
		data() {
			return {
				formList:[
					{
						title:'基本信息',
						text:'点击完成信息填写',
						path:'basic'
					},
					{
						title:'企业名称变更',
						text:'点击完成信息填写',
						path:'nameChange'
					},
					{
						title:'法定代表人变更',
						text:'点击完成信息填写',
						path:'legalPerson'
					},
					{
						title:'地址变更',
						text:'点击完成信息填写',
						path:'siteChange'
					},
					{
						title:'注册资本变更',
						text:'点击完成信息填写',
						path:'capital'
					},
					{
						title:'股权变更',
						text:'点击完成信息填写',
						path:'stockRight'
					},
					{
						title:'申请事项',
						text:'点击完成信息填写',
						path:'matter'
					},
					{
						title:'申请事实和理由',
						text:'点击完成信息填写',
						path:''
					},
				],
				information:[
					{
						title:'“企业信息变更一件事”联办表',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'《公司登记（备案）申请书》',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'关于修改公司章程的决议或决定',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'修改后的公司章程或章程修正案',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'“变更事项相关证明文件',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'法律、行政法规和国务院决定规定公司变更事项必须报经批准的，提交有关的批准文件或者许可证件复印件',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'“已领取纸质版营业执照的缴回营业执照正、副本',
						text:'点击完成资料上传',
						path:''
					},
					{
						title:'“结果送达方式',
						text:'点击完成资料上传',
						path:''
					}
				]
			};
		},
		methods:{
			redirect(e){
				if (e.path) {
				  uni.navigateTo({
				    url: `/pages/fromTable/enterprise/${e.path}`
				  });
				} else {
				  uni.navigateTo({
				    url: '/pages/uploading/index?text=' + e.title
				  });
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
.scroll-Y{
	width: 100%;
	height: calc(100vh - 369rpx);
	background-color: #ECF1F5;
	font-family: PingFang SC, PingFang SC;
	.place{
		padding-left: 30rpx;
		display: flex;
		align-items: center;
		width: 750rpx;
		height: 77rpx;
		background: #FFE3C8;
		font-weight: 400;
		font-size: 29rpx;
		color: #FF7B00;
		
		image{
			width: 20rpx;
			margin-right: 15rpx;
		}
	}
	.reminder{
		padding-left: 30rpx;
		display: flex;
		align-items: center;
		height: 85rpx;
		
		.icon-text{
			width: 38rpx;
			height: 38rpx;
			margin-right: 8rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 600;
			font-size: 35rpx;
			color: #FFFFFF;
			background-color: #FF7B00;
			border-radius: 8rpx;
		}
		.title{
			
			font-weight: 600;
			font-size: 35rpx;
			color: #2C5E9F;
		}
	}
	.from-list{
		margin:0 30rpx ;
		padding: 23rpx;
		background-color: #FFFFFF;
	}
	.itemmargin{
		margin-bottom: 16rpx;
	}
	.blank{
		height: 30rpx;
	}
}
.but{
	padding-top: 15rpx;
	background-color: #FFFFFF;
	.submit{
		margin: 0 auto;
		width: 688rpx;
		height: 92rpx;
		background: #2C5E9F;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-weight: 400;
		font-size: 29rpx;
		color: #FFFFFF;
		line-height: 92rpx;
		text-align: center;
	}
}
</style>
